﻿@model IEnumerable<WebVideo.EntityVideo>
@{
    ViewBag.Title = "Gia hạn hợp đồng";
}
<div class="inner-container" id="inner-container" style="width: 8000px">
    <div class="wrap-widget">
        <div class="inner-widget _8">
            <h1>Thông tin tài khoản</h1>
            <div class="widget _2x3 phone bg-color-orangeDark">
                <div class="widget-content" style="float: left;">
                    <div class="user-wrapper">
                        @{
                            string k = "~/Content/Images/Avatar/" + System.Web.HttpContext.Current.Request.Cookies["UserAvatar"].Value;
                            <div class="avatar">
                                <img src="@Url.Content(k)" alt="" /></div>
                             
                        }
                        <div class="info">
                            <h4>
                                @System.Web.HttpContext.Current.Request.Cookies["UserId"].Value<br />
                                <small>@ViewBag.CompanyName</small>
                            </h4>
                        </div>
                    </div>
                    <!--/ user-wrapper-->
                    <ul class="nav nav-list">
                        <li>@Html.ActionLink("Thông tin doanh nghiệp", "InfoUser", "Organization")</li>
                        <li>@Html.ActionLink("Thống kê", "Statistic", "Organization")</li>
                        <li class="active">@Html.ActionLink("Gia hạn hợp đồng", "Contract_Renewals", "Organization")</li>
                    </ul>
                </div>
                <!--/ .widget-content-->
            </div>
            <div class="widget _6x3 phone bg-color-grayLight">
                <br />
                <div style="padding-left: 10px; color: red; font-size: 20px;" class="Error"></div>
                <br />
                <div style="padding-left: 10px;" class="NhapMa">
                    <div> Hệ thống đã gửi mail chứa mã xác nhận tới địa chỉ email của bạn.
                         Vui lòng kiểm tra hộp thư đến để lấy mã xác nhận và điền vào khung bên dưới 
                        và nhấn nút “Xác nhận”.
                         Nếu trong hộp thư đến của bạn không có mail hệ thống đã gửi, 
                        vui lòng kiểm tra thư mục spam vì có thể email của chúng tôi bị hiểu nhầm là spam

                    </div>
                    <br />
                    Vui lòng nhập mã xác nhận:
                    <input id="NhapMa"/><button type ="button" class ="btn-success" onclick="return KiemTraXacNhan()">Xác nhận</button></div>
                <div style="padding-left: 10px; font-family: Arial" class="ThongTin1">

                    <div>
                        Chọn video cần gia hạn: &nbsp;  &nbsp;&nbsp;
                                <select id="IdVideo">
                                    @{
                                        foreach (var item in Model)
                                        {
                                        <option value="@item.Id">@item.Name</option>
                                        }
                                    }
                                </select>

                    </div>
                    <div>Số lượt view muốn gia hạn:
                        <input id="LuotView" /></div>
                </div>
                <div class="contScroll" style="bottom: 50px; top: 100px;">
                    <br />
                   @Html.Raw(@ViewBag.NoiDung)
                </div>
                <div class="absolute left right bottom phone" id="click">
                     <label class="pull-left checkbox"><input type="checkbox" />Tôi đồng ý gia hạn hợp đồng với <a href="yeuquangcao.com" >yeuquangcao.com</a></label>
                    <button class="btn btn-warning pull-right" onclick="return GiaHan();">Gia hạn</button>
                </div>
            </div>
            <!--/ .widget-->
        </div>
        <!--/ .inner-widget-->
    </div>
    <!--/ .wrap-widget -->
</div>
<!--/ .inner-container-->
@section occasionalScripts {
    <script type="text/javascript" src="@Url.Content("~/Content/cssFrontEnd/js/jquery.min.js")" ></script>
    <script type="text/javascript" src="@Url.Content("~/Content/cssFrontEnd/js/load.js")" ></script>
    <script type="text/javascript" src="@Url.Content("~/Content/cssFrontEnd/js/styles.js")" ></script>
    <script type="text/javascript" src="@Url.Content("~/Content/cssFrontEnd/js/jquery.nicescroll.min.js")" ></script>
}
<script type="text/javascript">
    document.body.className = 'no-js'
    $(document).ready(function () {
        $('li#TaiKhoanCuaBan').addClass('active');

    });
    $(document).ready(function (event) {
        $('div.NhapMa').hide();
        //$('.btn-success pull-right').addClass('close');
    });
    function check() {
       
        var IdVideo = $("#IdVideo option:selected").val();
        var LuotView = $('#LuotView').val();
        var getURL = '@Url.Action("GuiMaXacNhan", "Mailer")';
            $('#click').hide();
            $('div.contScroll').text("Hệ thống đang gởi mail xác nhận, xin vui lòng đợi trong giây lát .... ");
            $.post(getURL, { "IdVideo": IdVideo, "LuotView": LuotView }, function (data) {
                if (data == "Complete") {

                    $('div.ThongTin1').hide();
                    $('div.contScroll').hide();
                    $('div.NhapMa').show();
                }
                else {
                    alert(data);
                }

            });
        return true;
    }
    function GiaHan() {

        if ($("input:checked").length != 1) {
            $('#MatKhauError').text('Bạn vui lòng check vào ô Tôi đồng ý gia hạn hợp đồng với yeuquangcao.com');
            $('#frmERROR').modal('show');
            return false;
        }

        var LuotView = $('#LuotView').val();
        var getURL = '@Url.Action("GuiMaXacNhan", "Mailer")';
         if (LuotView == "" || LuotView == null || isNaN(LuotView) == true) {
             $('#MatKhauError').text('Bạn chưa nhập lượt view, hoặc lượt view không đúng');
             $('#frmERROR').modal('show');
             return;
         }

        $('#confirm').text('Bạn có chắc muốn gia hạn hợp đồng');
        $('#frmconfirm').modal('show');

      
        return true;
    }
    function KiemTraXacNhan() {
       
            var MaXacNhan = $('#NhapMa').val();
            var IdVideo = $("#IdVideo option:selected").val();
            var LuotView = $('#LuotView').val();
          $('#NhapMa').val("");
           // $('div.NhapMa').text("Hệ thống đang gởi mail xác nhận, xin vui lòng đợi trong giây lát .... ");
          var getURL = '@Url.Action("GuiThongBaoGiaHanThanhCong", "Mailer")';
            $('.Error').text("Hệ thống đang gởi mail xác nhận, xin vui lòng đợi trong giây lát .... ");
            $.post(getURL, { "IdVideo": IdVideo, "LuotView": LuotView, "Ma": MaXacNhan }, function (data) {
                if (data == "Complete") {
                    $('.Error').text("Gia hạn thành công, thông báo đã được gởi tới email của bạn");
                    $('#LuotView').val('0');
                    $('div.NhapMa').hide();

                }
                else {
                    $('.Error').text("Mã xác nhận sai. vui lòng thử lại");
                }
            });
        }

    

</script>
